---
sidebar_class_name: newComponentBadge
---

import Basic from "../../../_samples/fiori/Search/Basic/Basic.md";
import Advanced from "../../../_samples/fiori/Search/Advanced/Advanced.md";
import Byline from "../../../_samples/fiori/Search/Byline/Byline.md";
import AdvancedFilter from "../../../_samples/fiori/Search/AdvancedFilter/AdvancedFilter.md"
import ShowMore from "../../../_samples/fiori/Search/ShowMore/ShowMore.md"
import Actions from "../../../_samples/fiori/Search/Actions/Actions.md"

<%COMPONENT_OVERVIEW%>

## Basic Sample
A Search component with enabled scope and items and filtering by scope.

<Basic />

<%COMPONENT_METADATA%>

## More Samples

### Filtering
The examples show the search message area, the search action, filtering per user input, typeahead and highlighting suggestions per user input.

<Advanced />

### Advanced Filtering Button
This example shows how to use a custom advanced filtering button via the `filterButton` slot.

<AdvancedFilter />

### Byline items
The example shows how to display byline items with an image and description.

<Byline />

### Show More Item
This example shows how to use a Show More Item.

<ShowMore />

### Actions
This example shows how to use a interactive elements in search items.

<Actions />

